<template>
  <div id="app">
    <Header></Header>
    <router-view></router-view>
    <Footer v-show="!$route.meta.isHiddenFooter"></Footer>
  </div>
</template>

<script>
import Header from './components/Header';
import Footer from './components/Footer';
// import Home from './views/Home';
// import TypeNav from './components/TypeNav';
// import ListContainer from './views/Home/ListContainer';
// import Recommend from './views/Home/Recommend';
// import Rank from './views/Home/Rank';
// import Like from './views/Home/Like';
// import Brand from './views/Home/Brand';

export default {
  name: 'APP',
  components: {
    Header,
    Footer,
    // Home,
    // TypeNav,
    // ListContainer,
    // Recommend,
    // Rank,
    // Like,
    // Brand,
  },
  mounted() {
    // 优化发送请求的方式，在APP中来触发请求 ，只发一次
    this.$store.dispatch('home/getCategoryListData');
  },
};
</script>

<style></style>
